﻿@{
    ViewBag.Title = "Thông tin liên hệ shop";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!-- Google Maps -->
<div class="container" style="margin-top: 30px;">
    <div class="row">
        <iframe class="span12" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
            src="https://maps.google.com/maps/ms?msa=0&amp;msid=205170969013929862946.0004de19908ca496f7e74&amp;hl=vi&amp;ie=UTF8&amp;t=m&amp;ll=10.809648,106.644577&amp;spn=0.003688,0.004549&amp;z=17&amp;iwloc=0004de19908e407b8f1a5&amp;output=embed"></iframe>
    </div>
</div>

<div class="container">
    <div class="row">
        <hr />
        <div class="span6">
            <h4 class="pull-top">Cửa hàng của chúng tôi</h4>
            <img src="@Url.Content("~/img/home.jpg")" title="Cửa hàng"/>
        </div>
        <div class="span6">
            <h4 class="pull-top">Cửa hàng</h4>
            <ul class="unstyled">
                <li><i class="icon-map-marker"></i><strong>Địa chỉ:</strong> 113 Trần Văn Dư, Tân Bình, HCM</li>
                <li><i class="icon-phone"></i><strong>Phone:</strong> (+84) 18835342</li>
                <li><i class="icon-envelope"></i><strong>Email:</strong> <a href="mailto:mail@example.com">locmx@min-channel.us</a></li>
            </ul>

            <hr />

            <h4>Mở cửa</h4>
            <ul class="unstyled">
                <li><i class="icon-time"></i>Thứ hai - Thứ sáu: 8 giờ sáng - 5 giờ chiều</li>
                <li><i class="icon-time"></i>Thứ bảy: 8 giờ sáng - 8 giờ tối</li>
                <li><i class="icon-time"></i>Chủ nhật: 8 giờ sáng - 10 giờ tối</li>
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <hr />
    <h4>Thanh toán</h4>
    <div class="row">
        @Html.Partial("_Payment")
    </div>
</div>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="@Url.Content("~/vendor/jquery.mapmarker.js")"></script>
<script>
    $(document).ready(function () {

        var mapMarkers = {
            "markers": [
                {
                    "latitude": "10.809648",
                    "longitude": "106.644577",
                    "icon": '@Url.Content("~/img/pin.png")'
                }
            ]
        };

        $("#googlemaps").mapmarker({
            zoom: 17,
            center: "10.809648, 106.644577",
            dragging: 1,
            mousewheel: 0,
            markers: mapMarkers,
            featureType: "all",
            visibility: "on",
            elementType: "geometry"
        });

    });
</script>
